:host {
  display: block;
}


// .chart-doughnut{
//     width: 200px;
//     height: 200px;
// }

.charts{
  fill:none;
  // stroke: 50px;
  stroke-width:10%;
  // stroke: aqua;
  stroke-linecap: round;
}
.charbackground{
  fill:none;
  // stroke: 50px;
  stroke-width:10%;
  stroke: rgba(182, 184, 184,0.35);
  stroke-linecap: round;
}

.chart-doughnut{
  font-size: 140px;
  font-family: 'Oswald', sans-serif;
  text-anchor: middle;
  color:currentColor;
  fill:currentColor;
  .minmax{
      font-size: 60%;
  }
  .big{
      font-size: 1.75em;
  }

  // g{
  //     display: block;
  //     border: 2 solid #f00;
      
  // }

  // g.main{
  //     display: flex;
  //     justify-content: center;
  // }

  #smalltext{
      opacity: 0.6;
  }

}
